<html>
	<head>
		<title>Registration Form</title>
    <link rel="stylesheet" href="css/site.css" />
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.validate.js"></script>
    <script type="text/javascript" src="js/register.validate.js"></script>
    </script>

 <!------------------ DATEPICKER START----> 
 <link href="datepicker/jquery-ui.css" rel="stylesheet" type="text/css"/>
 <script src="datepicker/jquery-ui.min.js"></script>
       <script>
    $(function() {
    $( "#dobId" ).datepicker({
      changeMonth: true,
      changeYear: true,
      showOn: "button",
      buttonImage: "datepicker/images/calendar.gif",
      buttonImageOnly: true,
   //   minDate: -20,
   //   maxDate: "+1M +10D"
    });
  });
  </script>
 <!------------------ DATEPICKER END----> 
  
 </head>
	<body>
		<form id="registerId" name="register" >

			<table cellpadding="0" cellspacing="0"   width="70%" border="0" align="center">
				<thead>
					<tr>
						<th colspan="2">PLease fill the details below</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td align="right">Name :</td>
						<td>
						<input name="uname"  placeholder="My name is" type="text" value="">
						</td>
            
					</tr>
					<tr>
						<td align="right">Email :</td>
						<td>
						<input name="email" autocomplete="off" onpaste="return false"  placeholder="My email is"  type="email">
						</td>
					</tr>
					<tr>
						<td align="right">Password :</td>
						<td>
						<input name="password" id="passwordId" autocomplete="off" onpaste="return false"  placeholder="password" type="password">
						</td>
					</tr>
					<tr>
						<td align="right">Confirm Password :</td>
						<td>
						<input name="conPassword" autocomplete="off" onpaste="return false"  placeholder="Confirm Password" type="password">
						</td>
					</tr>
					<tr>
						<td align="right">Date of Birth :</td>
						<td>
						<input id="dobId" name="dob" type="date" placeholder="DD/MM/YYYY">
						</td>
					</tr>
					<tr>
						<td align="right">Gender :</td>
						<td>
						<label><input id="gMaleId" 
            name="gender"  type="radio" value="0">
						Male</label>
						<label><input id="gFemaleId"           
            name="gender" type="radio" value="1">
						Female </label>
 <label for="gender" generated="true" class="error"></label></td>
					</tr>
					<tr>
						<td align="right">Address :</td>
						<td>						<textarea name="address"  placeholder="My address is"></textarea></td>
					</tr>
					<tr>
						<td align="right">Country :</td>
						<td>
						<select name="country">
							<option value="">-Select-</option>
							<option value="in">India</option>
							<option value="pk">Pakistan</option>
						</select></td>
					</tr>
					<tr>
						<td align="right">Languages known :</td>
						<td>
						<select name="lang[]" multiple>
							<option value="php">PHP</option>
							<option value="cpp">C++</option>
							<option value="java">Java</option>
							<option value="chash">C#</option>
							<option value="c">C</option>
						</select></td>
					</tr>
					<tr>
						<td align="right">Hobbies :</td>
						<td>
						<label><input name="hobbies[]" type="checkbox" value="0">
						Cricket</label>
						<label><input  name="hobbies[]" type="checkbox" value="1">
						Hockey</label>
						<label><input  name="hobbies[]" type="checkbox" value="1">
						Badminton</label>
						<label><input  name="hobbies[]" type="checkbox" value="1">
						Chess </label><br>
<label for="hobbies[]" generated="true" class="error"></label>
            </td>
					</tr>
					<tr>
						<td align="right">Upload avatar :</td>
						<td>
						<input name="avatar"  placeholder="Upload avatar" type="file">
            <br>
<label for="avatar" generated="true" class="error"></label>            
						</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td>
						<input name="submit" type="submit" value="I am done!" >
						</td>
					</tr>
				</tbody>
			</table>
		</form>
	</body>

</html>